<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        选择器
            class选择器
            id选择器
            标签选择器
            通配符
            后代（包含）选择器
            群组选择器
            伪类选择器
        
        属性选择器
          语法： 选择器[属性="属性值"]{
                要修改的代码
            } 一般用在input

            html语法
                <标签名称  属性="属性值" ...../>
            css语法
                选择器{属性:属性值;}

     -->
     <style>
         a[class="b"]{
            color:red;
         }
      
     </style>
</head>
<body>
   <a href="#" class="box">阿依纳法</a> 
   <a href="#" class="box a">悟空</a>
   <span title="ab">师父</span>
   <a href="#" title="box">二师兄</a>
   <input type="text">
   <input type="text">
   <input type="text">
   <input type="submit">
</body>
</html>